<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <!-- controle, iterations, tests, variables -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

	<script type="text/javascript" src="<%=request.getContextPath()%>/player/jwplayer.js"></script>
				<div style="display:inline-block;">
				<c:forEach var="videoID" items="${videos}" varStatus="rowCounter">
					<div style="overflow:auto;  margin-left: 30px; width: 450px; height: 290px; text-align: center;" class="ui-widget-content ui-corner-all">
						<h3 class="ui-widget-header ui-corner-all" style="margin: 4px; padding: 5px;" ><a href="#" ></a></h3>
						<div id="container${videoID}">Loading the player ...</div>
							<script type="text/javascript">
							    jwplayer("container${videoID}").setup({
							        flashplayer: "<%=request.getContextPath()%>/player/player.swf",
							        file: "<%=request.getContextPath()%>/api/upload/videos/${videoID}.flv",
							        height: 250,
							        width: 375,
							        plugins: {
							            sharing: { link: false }
							        },
								    events: {
								        onReady: function() { this.play(); }
								    }
							    });
							</script>
						</div>
					</div>
					<br>
				</c:forEach>